html, body{ 
 margin:0;
 height: 100%;
 font-family: 'Droid Sans', sans-serif;
 font-size: small;
 background:#E6E8FA;
 text-shadow: 0px 1px 1px #4d4d4d;
 overflow-x: hidden;
 overflow-y: hidden;
 max-height: 100%;
 height:100%;
}

#menucol{
 width:200px;
 height:100%;
 float:left;
 border-right: 4px solid #A8A8A8;
}

#map_canvas{
 height: 50%;
 transition:height 0.3s;
 -moz-transition:height 0.3s; /* Firefox 4 */
 -webkit-transition:height 0.3s; /* Safari and Chrome */
 -o-transition:height 0.3s; /* Opera */
}

#map_canvas:hover{
 height: 85%;
}

#divArtists{
 display: block;
 overflow-x: hidden;
 overflow-y: visible;
 position: relative;
 max-height: 50%;
 border-top: 4px solid #A8A8A8;
}

#divArtists div:hover{
 cursor: pointer;
}

#divAlbum{
  font-size: normal;
  border-top: 3px solid #A8A8A8;
  position: relative;
  height: 80px;
  display: block;
  overflow:none;
  transition:height 0.3s;
  -moz-transition:height 0.3s; /* Firefox 4 */
  -webkit-transition:height 0.3s; /* Safari and Chrome */
  -o-transition:height 0.3s; /* Opera */
}

#divAlbum:hover{
 background: #FFFFFF;
}

#divPlayer{
 display: block;
 width: 200px;
 height: 300px;
}

#divShareAlbum{
 display: block;
 width: 200px;
}

.infoWindow{
 color: #663366;
 text-align: center;
}

.custom_hr{
 background: #A8A8A8;
 height: 4px;
}

.img{
 margin: 4px;
 width: 60px;
 height: 60px;
 border: 1px solid #A8A8A8;
 vertical-align: text-top;
}

.loading{
  width: 100%;
  height:100%;
}

.label{
 font-weight: normal;
}

.value{
 font-style: bold;
}
